//
// Dropdown
// --------------------------------------------------


.dropdown-menu {
    position: absolute;
    left: 0;
    top: 100%;
    margin: 4px 0 15px;
    padding: 7px 0 6px 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: @border-radius-base;
    box-shadow: @box-shadow-base;
    transition: opacity 200ms;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0;
    z-index: 1001;

    &.show {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
    }
}


// The dropdown wrapper of menus
.dropdown,
.dropup {
    position: relative;
    display: inline-block;
}

.dropdown .dropdown-menu,
.dropup .dropdown-menu {
    min-width: 160px;

    > a {
        position: relative;
        display: block;
        height: @menu-item-height;
        line-height: @menu-item-height;
        padding: 0px 18px;
        color: @text-color-base;
        text-align: left;
        cursor: pointer;
        white-space: nowrap;

        &:hover {
            background-color: @menu-hover-bg;
            text-decoration: none;
        }

        &.disabled {
            background-color: #fff;
            color: @text-color-disabled;
            cursor: default;
        }
        
        > i {
            display: inline-block;
            width: 20px;
            color: @icon-color-default;
        }
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin: 15px 0 4px 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}